<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <link rel="stylesheet" th:href="@{/css/beehive-admin.css}">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/elementui/css/index.css}">
    <script th:src="@{/js/jquery-3.4.0.js}"></script>
    <script th:src="@{/layui/layui.js}"></script>
    <script th:src="@{/js/vue.js}"></script>

    <style>
        .el-submenu__title {
            color: #000000A6;
        }

        .el-menu-item {
            color: #000000A6;
        }
    </style>


    <script>
        // 跳转到用户列表
        function userList() {
            window.open("/admin/userList", "main");
        }

        // 跳转到修改用户密码页面
        function toChangeUserPass() {
            window.open("/admin/userPassEdit", "main");
        }

        // 上传多本电子书
        function uploadMulti() {
            window.open("/admin/uploadMulti", "main");
        }

        // 上传一本电子书
        function uploadSingle() {
            window.open("/admin/uploadSingle", "main");
        }

        function bookList() {
            window.open("/admin/bookList", "main");
        }
    </script>

</head>
<body>

<div class="container-fluid">

    <!-- 头部信息 -->
    <div th:replace="test/adCommon :: adminTop"></div>

    <div>

        <!-- 左侧菜单 -->
        <div th:replace="test/adCommon :: #app"></div>

        <div style="float: left;">

            <!-- 主内容区 -->
            <div style="background-color: #e6e6e6; width: 200px; height: 200px;"></div>

            <!-- bottom -->
            <div class="container-fluid bottom-outer-div">
                <div class="row bottom-inner-div">
                    <span class="bottom-span">©2021 广州软件学院 软件工程系 吴赠禹</span>
                </div>
            </div>

        </div>

    </div>

</div>


<!-- script的位置有影响，放在元素后面 -->
<script th:src="@{/elementui/js/index.js}"></script>

<script>
    layui.use("element", function () {
        let element = layui.element;
    });

    let vm = new Vue({
        el: "#app",
    });
</script>
</body>
</html>